<div id="FeedbackReason" data-title="信息反馈">
    <style>       
        @@include('modules/project/FeedbackReason/main.css.min')
    </style>
<div class="container FeedbackReason_vue">
    <!--取消跟进具体原因-->
    <div class="feed-header has-reason" v-if="isHasReason">
        <h3>订单信息有误？</h3>
        <p class="title-small " v-if="feedback_data.reason_left_times >= 3">需如实反馈，若本月退款被驳回3次将无法使用</p>
        <p class="title-small " v-else>需如实反馈，若本月退款再被驳回{{feedback_data.reason_left_times}}次将无法使用</p>
    </div>
    <div class="feed-header no-reason" v-else>
        <h3>无理由退款？</h3>
        <p class="title-small ">当前剩余无理由退款{{feedback_data.free_reason_left_times}}次，请谨慎使用</p>
    </div>
    <div class="type-list" v-if="isHasReason" evt="chooseTab">
        <p class="choice" v-for="list in feedback_data.reason_options" v-bind:type="list.value" v-bind:class="{'gray' : !list.enable}">
            {{list.option}}
            <span class="pull-right" v-if="list.enable"></span>
            <span class="tip-reason" v-else><em class="horn"></em>{{list.info}}</span>

        </p>
    </div>
    <p class="title-desc">问题描述</p>
    <div style="position: relative;">
        <textarea class="other" maxlength="300" placeholder=""></textarea>
        <div class="text-hover" evt = "closeSelf">为尽快处理您的售后申请，请填写详细描述(0～300字)</div>
    </div>
    <p class="title-desc">
        如有疑问请微信联系{{feedback_data.feedback_contact_user.nickname}} 
        <span class="wx-code" v-bind:data-clipboard-text = feedback_data.feedback_contact_user.contact>{{feedback_data.feedback_contact_user.contact}}</span>
        ({{feedback_data.feedback_contact_user.type}})
        <span class="tip-copy">微信号已复制</span>
    </p>
    <a class="feed-rule " evt="loadRefunds">查看退款政策 ></a>
    <button class="btn" evt="submit">提交</button>
</div>
<div class="sendImgPending hide ">
    <div class="loading "></div>
    <p class="text ">数据加载中</p>
</div>
</div>